<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>固定定位</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>
    <style type="text/css">
    div{
        position: fixed;
    }
    /* 固定定位不占位置（脱标）
     ☞将行内元素转化为行内块元素
       把图片或者导航条固定不动
      */



    </style>
</head>
<body>
<div>
    <img src="12.jpg" title="美女"> 
</div>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>
 <p>滚动条文本框</p>

    
</body>
</html>